<template>
  <el-watermark v-if="watermarkOpen" :z-index="zIndex" :font="font" :content="content">
    <router-view />
  </el-watermark>
  <router-view v-else/>
</template>

<script setup lang="ts">
import { reactive } from 'vue';
const watermarkOpen = import.meta.env.VITE_APP_WATERMARK === 'true';
const content = import.meta.env.VITE_APP_TITLE 
const font = reactive({
  color: 'rgba(0, 0, 0, .10)',
  fontSize: 14,
})

const zIndex= 999999;
</script>

<style scoped lang="scss">
html,
body,
#app {
  margin: 0;
  padding: 0;
  height: 100%;
}
</style>
